<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三个农夫 - 首页</title>
    <link rel="short" href="/favicon.ico">
    <style>
        .nav-item {color: black;}
        .nav-item:hover{
            background:#5991DA;
        }
        .nav-item:hover a{
            color: white;
        }
        #bussiness>div{
            transition: .5s;
        }
        #bussiness>div:hover{box-shadow: 0px 10px 10px #ccc;
            transform: translateY(-5px);    
        }
        #new img{transition: .5s;}
        #new img:hover{
            transform: scale(1.2);
        }
        html{scroll-behavior: smooth;}
        @keyframes tobottom{
            0%{
                top: 50px;
                opacity: 0;
            }
            75%{
                top: 300px;
                opacity: 100;
            }
        }
        #wel{
            animation: tobottom 2s ;
        }
    </style>
</head>
<body style="margin:0px;">
    <!-- Logo + Nav -->
    <div style="border-bottom: 1px solid #000; position: fixed;background: #fff;z-index: 10;width: 100%;">
        <div style="width:1000px;margin:0px auto;overflow: hidden;">
            <img src="img/logo.png" alt="" style="float:left;padding:5px 0px;height:67px;">
            <ul style="float:right;list-style:none;padding:0px;margin:0px;width:600px;overflow: hidden;line-height: 77px;
                       text-align:center;">
                <li style="float:left;width:100px;background: #5991DA;">
                    <a href="#" style="color:white;text-decoration: none;">首页</a></li>
                <li class="nav-item" style="float:left;width:100px;"><a href="#" style="text-decoration: none;">关于我们</a></li>
                <li class="nav-item" style="float:left;width:100px;"><a href="#" style="text-decoration: none;">管理团队</a></li>
                <li class="nav-item" style="float:left;width:100px;"><a href="#" style="text-decoration: none;">投资案例</a></li>
                <li class="nav-item" style="float:left;width:100px;"><a href="#" style="text-decoration: none;">基金产品</a></li>
                <li class="nav-item" style="float:left;width:100px;"><a href="#" style="text-decoration: none;">联系我们</a></li>
            </ul>
        </div>
    </div>
    <!-- banner -->
    <div style="position: relative;padding-top: 70px;">
        <img src="img/banner.jpg" alt="" style="width:100%">
        <h1 style="position: absolute;top:200px;left:700pt;" id="wel">欢迎光临</h1>
    </div>
    <!-- main -->
    <div style="width:1000px;margin:0px auto;padding-top:50px;">
        <h1 style="text-align: center;color:#5991DA;font-size:25px;">重点业务</h1>
        <p style="text-align: center;font-size: 12px;color:#999;">三个农夫感谢社会各界朋友多年来的关心和支持，再接再厉，为打造“国内一流证券投资咨询机构”而付出我们全部的智慧和精力！</p>
        <!-- 业务 -->
        <div style="overflow: hidden; padding: 10px 0px;" id="bussiness">
            <div style="width:196px;background: #f4f4f4;float:left;text-align: center;padding-top:10px;">
                <img src="img/yw1.gif" alt="">
                <p style="font-size:14px;">新三板业务</p>
                <p style="font-size:14px;">NEW OTC MARKET</p>
            </div>
            <div style="width:196px;background: #f4f4f4;float:left;text-align: center;padding-top:10px;margin-left:5px;">
                <img src="img/yw2.gif" alt="">
                <p style="font-size:14px;">股权投资</p>
                <p style="font-size:14px;">EQUITY</p>
            </div>
            <div style="width:196px;background: #f4f4f4;float:left;text-align: center;padding-top:10px;margin-left:5px;">
                <img src="img/yw3.gif" alt="">
                <p style="font-size:14px;">证券投资</p>
                <p style="font-size:14px;">SECURITIES</p>
            </div>
            <div style="width:196px;background: #f4f4f4;float:left;text-align: center;padding-top:10px;margin-left:5px;">
                <img src="img/yw4.gif" alt="">
                <p style="font-size:14px;">零售业务</p>
                <p style="font-size:14px;">RETAIL</p>
            </div>
            <div style="width:196px;background: #f4f4f4;float:left;text-align: center;padding-top:10px;margin-left:5px;">
                <img src="img/yw5.gif" alt="">
                <p style="font-size:14px;">四板推荐</p>
                <p style="font-size:14px;">RECOMMEND</p>
            </div>
        </div>
        <!-- 新闻 -->
        <div style="overflow:hidden;padding-top:50px;" id="new">
            <div style="width:490px;float:left;">
                <h2 style="color:#999;font-size:20px;">新闻中心/NEWS</h2>
                <div style="overflow: hidden;">
                    <img src="img/news01.jpg" alt="" style="width:100%;">                
                </div>

                <ul style="list-style:none;padding:0px;margin:0px;font-size:14px;line-height: 2.2;">
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                </ul>
            </div>
            <div style="width:490px;float:right;">
                <h2 style="color:#999;font-size:20px;">行业新闻/NEWS</h2>
                <div style="overflow: hidden;">
                    <img src="img/news02.jpg" alt="" style="width:100%;">
                </div>
                <ul style="list-style:none;padding:0px;margin:0px;font-size:14px;line-height: 2.2;">
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                    <li><a href="#" style="color:#000;text-decoration: none;">三天拿下世界杯直播权，三天拿下世界杯直播权，三天拿下世界杯直播权</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- footer -->
    <div style="background: #333;">
        <div style="width:1000px;margin:0px auto;font-size:14px;padding:10px 0px;color:#fff;">
            <div style="overflow: hidden;">
                <p style="float:left;width:800px;">
                    北京市昌平区回龙观龙城花园别墅s90B 电话：010-123456789 <span style="color:#5991DA">E-Mail:123@qq.com</span>
                </p>
                <p style="float:right;width:150px;text-align: right;">
                    版权致敬：<span style="color:#5991DA">云邦网络</span>
                </p>
            </div>
            <p>
                Copyright&copy;2002-2015 北京三个农夫投资管理咨询有限公司 版权所有 联系电话：010-123456789
            </p>
        </div>
        <div style="position: fixed; right: 60px;bottom: 100px;width: 40px;background: #5991DA;text-align: center;padding:5px 5px;">
            <a href="#" style="text-decoration: none;color: #fff;">回到顶部</a>
        </div>
    </div>
</body>
</html>